<template>
  <div class="content">
 <router-view></router-view>
</div>
<van-tabbar v-model="active">
  <van-tabbar-item icon="home-o"  to="/">首页</van-tabbar-item>
  <van-tabbar-item icon="list-switch" to="/category">分类</van-tabbar-item>
  <van-tabbar-item icon="bulb-o" to="/finder">发现</van-tabbar-item>
  <van-tabbar-item icon="shopping-cart-o" to="/cart">购物车</van-tabbar-item>
  <van-tabbar-item icon="user-o" to="/my">我的</van-tabbar-item>
</van-tabbar>


</template>

<script setup lang="ts">
import { ref ,onMounted} from "vue";
const active = ref(0);

onMounted(()=>{

})

</script>

<style scoped>
.content{
    margin-bottom: 50px;
  }
</style>